<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<link rel="stylesheet" href="${ctx}/static/css/style.css" type="text/css" />
<script src="${ctx}/static/script/jquery-1.4.min.js" type="text/javascript"></script>
<title>证大·Fortune</title>
</script> 
    <script type="text/javascript">   
        $(function() {   
            setFrmHeight();   
        });   
        function setFrmHeight() {   
            var frm = $(window.parent.document).find("#frm");   
            var height = $(document).height();   
            frm.height(height);   
        }   
    </script>  
<script type="text/javascript">
var now_id	=	1;
function main_shop_pic_right(){

	var new_id	=	now_id+1;
	var new_layer	=	xGetElementById('mcf_l'+new_id);
	if(new_layer){
		xGetElementById('mcf_l'+now_id).style.display	=	'none';
		new_layer.style.display	=	'inline';
		now_id	=	new_id;
	}
}
function main_shop_pic_left(){
	if(now_id==1)	return;
	var new_id	=	now_id-1;
	var new_layer	=	xGetElementById('mcf_l'+new_id);
	if(new_layer){
		xGetElementById('mcf_l'+now_id).style.display	=	'none';
		new_layer.style.display	=	'inline';
		now_id	=	new_id;
	}
}

function xGetElementById(e)
{
  if(typeof(e)!='string') return e;
  if(document.getElementById) e=document.getElementById(e);
  else if(document.all) e=document.all[e];
  else e=null;
  return e;
}



//^^
function getWk_On_l() {
  document.getElementById("getWkLeft").style.display = '';
}
function getWk_Out_l() {
  document.getElementById("getWkLeft").style.display = 'none';
}

</script>
<script>
$(document).ready(function(){$("#mycarousel").css("width",($("body").width()-600)+"px")})
var pagestyle = function(){
$("#mycarousel").css("width",($("body").width()-400)+"px");}
$("#topFrameset").load(pagestyle);
$(window).resize(pagestyle);
</script>

<style>
body,html{overflow:hidden}
</style>
</head>

<body> 

<div class="header" id="top">
 <div class="header_left">	
	<div class="header_right">
     
	  <div class="header_right_top">
	  <jsp:useBean id="now" class="java.util.Date" /> 
		<fmt:formatDate value="${now}" type="both" dateStyle="long" pattern="yyyy-MM-dd" />　欢迎您，${sessionScope.staff.name} 
		<a href="#" onclick="window.top.location='${ctx}/account/user/logout'">退出</a>	  </div>

               
 </div>
 
</div>

	<script language="javascript">
function tt(x){
	for(i=1;i<6;i++){
		document.getElementById("pw"+i).style.background="none"
		document.getElementById("pw"+i).className="over_b"
		}
		document.getElementById("pw"+x).style.background="url(images/sheader_hover.jpg) no-repeat"
		document.getElementById("pw"+x).className="over_t"
		document.getElementById("pw"+i).style.height="34px"
	}
</script>
	    <script language="javascript">
function tab(x){
	for(i=1;i<6;i++){
		document.getElementById("ww"+i).style.background="none";
		document.getElementById("ww"+i).getElementsByTagName("span")[0].style.fontWeight="normal";
		document.getElementById("ww"+i).style.color="#fff";
		document.getElementById("ww"+i).getElementsByTagName("span")[0].style.background="none";
		document.getElementById("ww"+i).getElementsByTagName("span")[0].style.color="#fff";
		}
		document.getElementById("ww"+x).style.background="url(images/invtab_L.jpg) no-repeat";
		document.getElementById("ww"+x).getElementsByTagName("span")[0].style.fontWeight="bold";
		document.getElementById("ww"+x).getElementsByTagName("span")[0].style.background="url(images/invtab_R.jpg) no-repeat right top";
		document.getElementById("ww"+x).getElementsByTagName("span")[0].style.color="#29508B";
	}
</script>
<SCRIPT>
/**
 * @author Mr.Think
 * @author blog http://mrthink.net/
 * @2010.07.23
 * 可自由转载及使用,但请注明版权归属
 */
$(function(){
    //@Mr.Think***变量
    var banshu = 1;//初始化显示的版面
    var number = 5;//每版显示数
    var $len = $('.showbox>ul>li').length;//计算列表总长度(个数)
    var $pages = Math.ceil($len / number);//计算展示版面数量
    var $w = $('.ibox').width();//取得展示区外围宽度
    var $showbox = $('.showbox');
    var $num = $('span.num li')
    var $pre = $('span.pre')
    var $next = $('span.next');
	var truething=true;
	var  imgwidth=$('.showbox li').width();
	var  lenli=$len* imgwidth;
	var  leftjixian=$('.showbox').width();
	var  leftpo=0;
	var imgban=1;	
 	//@Mr.Think***向前滚动
    $pre.click(function(){
        if (truething) {  //判断展示区是否动画
            if (imgban==$('.showbox li').length-4) {   //在第一个版面时,再向前滚动到最后一个版面
               
				alert("已经到头");
            }
            else { 
			 $showbox.animate({
                    left: '-=' + imgwidth
                }, 500); //改变left值,切换显示版面,500(ms)为滚动时间,下同
				imgban++;
				
            }
            $num.eq(banshu - 1).addClass('numcur').siblings().removeClass('numcur'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
        }
    });
    //@Mr.Think***向后滚动
    $next.click(function(){
        if (!$showbox.is(':animated')) { //判断展示区是否动画
            if (imgban==1) {  //在最后一个版面时,再向后滚动到第一个版面
               alert("到头了")
            }
            else {
                $showbox.animate({
                    left: '+=' + imgwidth
                }, 500);//改变left值,切换显示版面
				imgban--;
             
            }
            $num.eq(banshu - 1).addClass('numcur').siblings().removeClass('numcur'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
        }
    });
    //@Mr.Think***数字点击事件
    $(".showbox li").click(function(){
		$(".showbox").find("li").removeClass();
		$(this).addClass("hoverd");

        
    });
})
</SCRIPT>

</body>
</html>
